<template>
    <div class="nav_list">
             <!-- 幻灯片结束 -->
      <div class="nav-icons bg-white mt-3 text-center pt-3 text-drak">
        <div class="d-flex flex-wrap">
            <router-link class="nav-item mb-3" tag="div" to="/classify">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-all"></use>
              </svg>
            <div class="py-2">全部分类</div>
            </router-link>
            <router-link to="/doctorBot" class="nav-item mb-3" tag="div">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-yao"></use>
              </svg>
                <div class="py-2">寻医问诊</div>
            </router-link>
            <router-link to="/user/userSuggest" class="nav-item mb-3" tag="div">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-liuyan"></use>
              </svg>
                <div class="py-2">用户反馈</div>
            </router-link>
            <router-link to="/infoCollection" class="nav-item mb-3" tag="div">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-icon_A"></use>
              </svg>
                <div class="py-2">信息采集</div>
            </router-link>

            <router-link to="/yiqin" class="nav-item mb-3" tag="div">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-shoucang"></use>
              </svg>
                <div class="py-2">疫情实况</div>
            </router-link>
            <router-link to="/user" class="nav-item mb-3" tag="div">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-PersonalCenter"></use>
              </svg>
                <div class="py-2">个人中心</div>
            </router-link>
            <router-link to="/order/allOrder" class="nav-item mb-3" tag="div">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-wuliu"></use>
              </svg>
                <div class="py-2">物流查询</div>
            </router-link>
            <router-link to="/shopCar" class="nav-item mb-3" tag="div">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-che1"></use>
              </svg>
                <div class="py-2">购物车</div>
            </router-link>
        </div>
        
      </div>
    </div>
</template>

<script>
  
    export default {
        data(){
            return {

            dataList: []
            }
        },
        methods: {
            async getNavList(){
                // const res = await this.$http();
                // this.swiperList = res.data

            }
        },
        created(){
            this.getNavList();
        },
    }
</script>

<style lang="scss" scoped>
//引入 scss 文件
@import '../../sass/style.scss';
.nav-icons {
    border-top: 1px solid $border-color;
    border-bottom: 1px solid $border-color;
    .nav-item {
     
     width: 25%;
     border-left: 1px solid $border-color;
       &:nth-child(4n+1){    // 给第几个不加 边款
        border-left: none;
    }
}
   .icon {
     font-size: 30px;
   }
   div {
    font-size: 16px;
   }
}
</style>